import styled from 'styled-components'

export const FooterContainer = styled.section`
    width:100%;
    height:2.42rem; 
    
    
`
export const FooterTop = styled.div`
    padding-top:.13rem;
    height:.7rem;
    width:3.51rem;
    margin-left:.12rem;
    img{
        width:100%;
        height:100%;
    }
`
export const FooterMid = styled.div`
    display:flex;
    font-size: .14rem;
    background:#fff;
    justify-content:center;
    margin-top:.1rem;
    .footer-left{
        border: 1px solid #e3e3e3;
        height: .31rem;
        width:.86rem;
        border-radius: 1.25rem;
        text-align:center;
        line-height:.31rem;
        margin-right:.42rem;
        span{
            color:#fe4070;
        }
    }
    .footer-right{
        border: 1px solid #e3e3e3;
        height: .31rem;
        width:.86rem;
        border-radius: 1.25rem;
        text-align:center;
        line-height:.31rem;
    }
`
export const FooterBot = styled.p`
color:#999;
font-size:.14rem;
text-align:center;
margin-top:.3rem
`